<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>发布公告</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="cjf">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="/css/froala_editor.min.css" />
    <link rel="stylesheet" href="/css/froala_editor.pkgd.min.css" />
    <link href="/css/plugins.pkgd.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/css/table.min.css">
    <link rel="stylesheet" href="/css/video.min.css">
    <link rel="stylesheet" href="/js/jconfirm/jquery-confirm.min.css">
    <link rel="stylesheet" href="/css/skin.css"/>
</head>

<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h4>发布公告</h4>
                </div>
                <!-- 首页公告表格 -->
                <div class="card-body" style="padding-top: 20px;">
                    <form class="form-horizontal" action="#" method="post" enctype="multipart/form-data" onsubmit="return false;">
                        <div class="form-group" style="display: flex;">
                            <label style="margin-left: -74px;" class="col-xs-2 control-label" for="title">公告标题</label>
                            <div class="col-xs-4">
                                <input maxlength="30" class="form-control" type="text" id="title" name="title" placeholder="请输入标题" autocomplete="off">
                            </div>
                           <!-- <label class="col-ms-2 control-label" for="announceTypeSelect" style="margin-right: 20px;">公告类型</label>
                            <div class="col-xs-4">
                                <select class="form-control" id="announceTypeSelect" name="announceTypeSelect"></select>
                            </div>-->
                        </div>
                        <div class="form-group">
                            <label style="margin-left: -74px;" class="col-xs-2 control-label">置顶状态</label>
                            <div class="col-xs-6">
                                <label class="radio-inline" for="noTop" style="margin-right: 20px;">
                                    <input type="radio" checked="checked" id="noTop" name="isTop" value="0">不置顶
                                </label>
                                <label class="radio-inline" for="top">
                                    <input type="radio" id="top" name="isTop" value="1">置顶
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label style="margin-left: -74px;" class="col-xs-2 control-label">正文内容</label>
                            <div class="col-xs-9" style="padding-bottom: 20px;">
                                <div id="editor"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label style="margin-left: -74px;" class="col-xs-2  control-label" for="files" >附件上传</label>
                            <div class="col-xs-6" style="padding-top: 6px;">
                                <input type="file" name="files" id="files" onchange="getUploadFile(this)" multiple>
<!--                                <input type="file" id="files" value="点我上传" onchange="getUpload(this)" multiple>-->
<!--                                <span id="text">请上传Word文档</span>-->
                            </div>
                        </div>
                        <!-- 附件 -->
                        <div id="annexEdit" style="cursor: pointer;display: flex;flex-flow: row wrap;"></div>
                        <div class="hidden" id="filePath"></div>
                        <div class="form-group" style="margin-top: 10px;">
                            <!--进度条部分(默认隐藏)-->
                            <div style="display: none;" class="progress-body">
                                <div class="col-xs-4">
                                    <span style="display: inline-block; text-align: right">上传进度：</span>
                                    <progress></progress><percentage>0%</percentage>
                                </div>
                                <div class="col-xs-4">
                                    <span class="progress-info">请选择文件</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" style="margin: 0;">
                            <div class="col-xs-1 col-xs-offset-5">
                                <button class="btn btn-primary" type="submit" onclick="saveAddAnnounce()">提交</button>
                            </div>
                            <div class="col-xs-1">
                                <button class="btn btn-default" type="submit" onclick="cancelAddAnnounce()">取消</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>

<script type="text/javascript" src="/js/froala_editor.min.js"></script>
<script type="text/javascript" src="/js/froala_editor.pkgd.min.js"></script>
<script type="text/javascript" src="/js/plugins.pkgd.min.js"></script>
<script type="text/javascript" src="/js/table.min.js"></script>
<script type="text/javascript" src="/js/video.min.js"></script>
<script type="text/javascript" src="/js/zh_cn.js"></script>
<script type="text/javascript" src="/js/crm/announcement/index.js"></script>
<script src="/js/jconfirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<script type="text/javascript" src="/js/crm/main/upload.js"></script>
</body>
</html>
